<script setup>
import { DownOutlined } from '@ant-design/icons-vue';

defineOptions({
	name: 'HomePage',
});

const keywords = ref('');

const handleFocus = () => {
	const inputBox = document.getElementById('inputDiv');
	inputBox.style.transform = "scale(1.01)";
	inputBox.style.boxShadow = "2px 2px 10px rgba(0, 0, 0, 0.3)";
	inputBox.style.transition = "border-color 2s ease-in-out";
};
</script>

<template>
	<h1>Home Page
		{{keywords}}
	<DownOutlined />
	</h1>
</template>

<style lang="scss" scoped></style>
